<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="edge" />
    <title>FEBS权限管理系统</title>
    <link rel="shortcut icon" type="image/png" th:href="@{/img/favicon.ico}" />
    <link rel="stylesheet" th:href="@{css/login.css}" type="text/css">
    <link rel="stylesheet" th:href="@{css/iCheck/minimal/green.css}" type="text/css">
    <link rel="stylesheet" th:href="@{css/app.css}" type="text/css">
    <!-- animate -->
    <link rel="stylesheet" th:href="@{css/animate/animate.min.css}" type="text/css">
    <script th:src="@{js/jquery.min.js}"></script>
    <script th:src="@{js/bootstrap-notify/bootstrap-notify.min.js}"></script>
    <script th:src="@{js/common.js}"></script>
</head>
<style>
    .headLogo{
        height: 95px;
        padding:20px 0px 20px 150px;
    }
    .backPic{
        margin: 0px 30px 0px 30px;
        height: 80%;
    }
    .content-local{
        height: 100%;
    }
    .form-content-local{
        float: right;
        background: #ffffff;
        border-radius: 20px;
        margin: 50px;
        padding: 10px;
    }
</style>
<body class="content-local" >
    <div>
        <img src="../img/logo.png"  class="headLogo">
    </div>

    <div  class="backPic"  th:style="'background:url(' + @{img/backimg.png} + ');background-size:100% 100%;'">
    <!--<div class="form-content-local">-->
        <!--<div class="form-header" style="">-->
            <!--<h1>账户登录</h1>-->
        <!--</div>-->
        <!--<div class="form-content">-->
            <!--<div class="form-group">-->
                <!--<label>用户名</label>-->
                <!--<input type="text" name="username" />-->
            <!--</div>-->
            <!--<div class="form-group">-->
                <!--<label>密码</label>-->
                <!--<input type="password" name="password" />-->
            <!--</div>-->
            <!--<div class="form-group" style="display:inline-block">-->
                <!--<label>验证码</label>-->
                <!--<input type="text" name="code" style="width:50%; display:inline-block" />-->
                <!--<img data-th-src="@{gifCode}" id="validateCodeImg" onclick="reloadCode()" style="display:inline-block" />-->
            <!--</div>-->
            <!--<div class="form-group" style="margin: 0px;">-->
                <!--<p>-->
                    <!--<input type="checkbox" name="rememberme" />&nbsp;&nbsp;记住我</p>-->
            <!--</div>-->
            <!--<div class="form-group">-->
                <!--<button onclick="login()" id="loginButton" style="background:#2974e9">登录</button>-->
            <!--</div>-->
        <!--</div>-->
    <!--</div>-->
        <!-- Form-->
    <div class="form">
        <div class="form-panel one" th:style="'float:right'">
            <div class="form-header">
                <h1>账户登录</h1>
            </div>
            <div class="form-content">
                <div class="form-group">
                    <label>用户名</label>
                    <input type="text" name="username" />
                </div>
                <div class="form-group">
                    <label>密码</label>
                    <input type="password" name="password" />
                </div>
                <div class="form-group" style="display:inline-block">
                    <label>验证码</label>
                    <input type="text" name="code" style="width:50%; display:inline-block" />
                    <img data-th-src="@{gifCode}" id="validateCodeImg" onclick="reloadCode()" style="display:inline-block" />
                </div>
                <div class="form-group" style="margin: 0px;">
                    <p>
                        <input type="checkbox" name="rememberme" />&nbsp;&nbsp;记住我</p>
                </div>
                <div class="form-group">
                    <button onclick="login()" id="loginButton">登录</button>
                </div>
            </div>
        </div>
    </div>
    </div>
    <div data-th-include="common/footer"></div>
</body>
<script th:inline="javascript">
	var ctx = [[@{/}]];
</script>
<script data-th-src="@{js/app/login.js}"></script>
</html>